// 字体大小
fontSize($size, $lh, $color)
  font-size $size
  line-height $lh
  color $color
boxShow()
  box-shadow 0 1px 0 #C3C3C3
boxShowRect()
  box-shadow 0 2px 4px rgba(0, 0, 0, 0.06)
  border 1px solid #eeeeee
  border-radius 4px
borderRadius()
  border-radius 4px
border-1px()
  position relative
  &:before
    content ''
    pointer-events none /* 防止点击触发 */
    box-sizing border-box
    position absolute
    width 200%
    height 200%
    left 0
    top 0
    border-radius 8px
    border 1px solid #999
    -webkit-transform(scale(0.5))
    -webkit-transform-origin 0 0
    transform(scale(0.5))
    transform-origin 0 0
  @media screen and (-webkit-min-device-pixel-ratio: 2)
    &:before
      content ''
      pointer-events none /* 防止点击触发 */
      box-sizing border-box
      position absolute
      width 200%
      height 200%
      left 0
      top 0
      border-radius 8px
      border 1px solid #999
      -webkit-transform(scale(0.5))
      -webkit-transform-origin 0 0
      transform(scale(0.5))
      transform-origin 0 0
borders($width = 1px, $style = solid, $color = #ccc, $radius = 0)
  position relative
  border-radius $radius
  &:after
    content ''
    pointer-events none // 解决iphone上的点击无效Bug
    display block
    position absolute
    left 0
    top 0
    transform-origin 0 0
    border $width $style $color
    border-radius $radius
    box-sizing border-box
    // z-index 0
    width 100%
    height 100%
    @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2)
      width 200%
      height 200%
      border-radius $radius * 2
      transform scale(0.5) translateZ(0)
    @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3)
      width 300%
      height 300%
      border-radius $radius * 3
      transform scale(0.33333) translateZ(0)